
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>VCenter</title>
    <link rel="stylesheet" href="../css/header.css"/>
    <link rel="stylesheet" href="../css/footer.css"/>
    <link rel="stylesheet" href="../css/login.css"/>
    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../js/angular.min.js"></script>
</head>
<body>
    <!-- 页头容器-->
    <?php 
    include 'header1.php';
    ?>
    <!-- 内容容器-->
    <div class="content">
        <p class="place">您当前的位置：首页 > 会员中心 > <span class="bd">信息中心</span></p>
        <div class="c_login" style="overflow: hidden">
            <div class="left">
                <div class="mc">
                    <a href="#">会员中心</a>
                </div>
                <div class="ml" id="xx">
                    <a>信息中心</a>
                </div>
                <div class="ml" id="dd">
                    <a>订单管理</a>
                </div>
                <div class="ml" id="out">
                    <a href="index.php">退出管理</a>
                </div>
            </div>


            <div class="right">
                <!-- 信息中心 -->
                <form>
                    <table width="100%">
                        <tbody>
                            <tr>
                                <td class="name">会 员 名：</td>
                                <td class="frame">
                                        <span><?php echo($_SESSION['vname']) ?></span>   
                                        <span style="color:red">&nbsp; 普通会员</span>
                                </td>
                            </tr>
                            <tr>
                                <td class="name">真实姓名：</td>
                                <td class="frame">
                                    <input type="text" size="30"/>
                                </td>
                            </tr>
                            <tr>
                                <td class="name">联系电话：</td>
                                <td class="frame">
                                    <input type="text" size="30" 
                                    value="<?php echo($_SESSION['phone']); ?>"/>
                                </td>
                            </tr>
                            <tr>
                                <td class="name">联系地址：</td>
                                <td class="frame">
                                    <input type="text" class="null" size="50" 
                                    value="<?php echo($_SESSION['address']); ?>"/>
                                    
                                </td>
                            </tr>
                            <tr>
                                <td style="height: 50px"></td>
                                <td>
                                    <input type="button" class="sub" value="修改"/>
                                    <input type="button" class="sub" value="重置"/>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </form>

                <!-- 订单管理 -->
                <div class="order">
                    <table  cellspacing="0" cellpadding="0">
                        <thead>
                            <tr>
                                <th>订单编号</th>
                                <th>状态</th>
                                <th>订单金额</th>
                                <th>下单日期</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="nmb">201738191857734</td>
                                <td>等待付款</td>
                                <td class="price">￥268元</td>
                                <td>2017-3-8 19:19:04</td>
                                <td class="cz">
                                    <a href="#" class="payment">【付款】</a>
                                    <a href="#" class="cancel">【取消】</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="nmb">201738191844134</td>
                                <td>等待付款</td>
                                <td class="price">￥1996元</td>
                                <td>2017-3-8 19:44:14</td>
                                <td class="cz">
                                    <a href="#" class="payment">【付款】</a>
                                    <a href="#" class="cancel">【取消】</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            
            


        </div>

    </div>
    <!-- 页尾容器-->
    <?php include 'footer1.php' ?>

    
    
    <script>
        
        $('.sub').click(function (){
            $('.null').val('');
        });

        // 页面转换
        $('#xx').click(function(){
            
            $('.order').css('display','none');
            $('.right form').css('display','block');
            $('.bd').html('信息中心');
            
        });
        $('#dd').click(function(){

            $('.right form').css('display','none');
            $('.order').css('display','block');
            $('.bd').html('订单管理');
            
        });
        $('.cancel').click(function(){
            $(this).closest('tr').remove();
        });
        $('.payment').click(function(){
            alert('确认付款吗？');
            if(true){
                
            }
        })
        // $('#out').click(function(){
        //     <?php 
        //         session_destroy();
        //      ?>
        //     alert("已经退出登陆！");
        //    location.href="index.php";
        // })
    </script>
</body>
</html>